html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
 /* font: inherit; 
	 vertical-align: baseline; */
}

a img {
border: none;
}
p {
margin-bottom: 0.5em;
}
a{
text-decoration: none;
}
a:hover {

}
.line {
height: 10px;
}
.clear{
clear: both;
}
.bold {
font-weight: bold;
}
body {
 background: #999999;
font-family: tahoma, sans-serif;
line-height: 1.6;
font-size: 62.5%;
}
#container{
width: 1000px;
margin: 0px auto;
font-size: 1.2em;
color: #4f4e4e;
background: #d2d3ce;
}
#header {
position: relative;
height: 157px;
background: url(../Images/header-bg.jpg) no-repeat;
}
#header .logo {
position: absolute;
top: 0px;
left: 35px;
}
#top-menu {
height: 16px;
}
#top-menu {
position: absolute;
top: 115px;
right: 30px;
}
#top-menu li {
float: left;
list-style:none;
margin-left: 20px;
}
#top-menu li a {
color: #c0c2b6;
border-right: 1px solid #c0c2b6;
padding-right: 20px;
font-size: 1.3em;
}
#top-menu li a:hover,#top-menu li a.active,#bottom-menu li a:hover,#bottom-menu li a.active {
color: #B36125;
}
#top-menu li.last a {
border-right: none;
}
#search {
width: 225px;
height: 24px;
position: absolute;
top: 26px;
right: 30px;
}
#search .text {
display: block;
width: 170px;
height: 24px;
background: url(../Images/text-bg.png) no-repeat;
border:none;
padding-left: 14px;
color: #666666;
font-size: 0.9em;
}
#search .button {
display: block;
width: 27px;
height: 26px;
background: url(../Images/button-icon.png) no-repeat;
border: none;
margin-left: 10px;
cursor: pointer;
}
#slide {
height: 340px;
background: url(../Images/slide-bg.jpg) repeat-x;
}
#img {
height: 340px;
width: 144px;
 float: left;
}
#img img {
max-width: 144px;
max-height: 340px;
}
#info {
height: 340px;
width: 360px;
float: left;
padding: 20px 0px 0px 0px;
}
#info h1 {
font-size: 1.3em;
margin: 0px 0px 10px 0px;
}
#video {
height: 320px;
width: 460px;
float: left;
padding: 20px 0px 0px 20px;
}
/*-- content --*/
#content {
margin-top: 10px;
padding: 0px 30px;
width: 940px;
}
#sidebar {
width: 246px;
min-height: 400px;
float: left;
}
#main-content {
float: left;
width: 665px;
margin-left: 29px;
min-height: 400px;
margin-bottom: 10px;
}
#sidebar .box ul {
width: 240px;
}
#sidebar .box p.title{
width: 246px;
height: 36px;
line-height: 36px;
background: #b36125;
color: white;
margin-bottom: 0px;
padding-left: 15px;
font-size: 1.4em;
}
#sidebar #category p.title {
background: url(../Images/category-bg.jpg) no-repeat;
}
#sidebar #product-hot p.title {
background: url(../Images/project-bg.jpg) no-repeat;
}
#sidebar ul {
margin: 5px 0px 10px 15px;
}
#sidebar li {
list-style: none;
}
#sidebar .box ul li {
height: 36px;
line-height: 36px;
background: url(../Images/list-icon.jpg) no-repeat center left;
padding-left: 30px;
}
#sidebar .box ul li a {
color: #666664;
font-size: 1.2em;
}
#sidebar .box ul li a:hover,#sidebar .box ul li a.active {
color: #B36125;
}
#sidebar #support, #sidebar #online{
width: 238px;
height: 138px;
color: white;
margin-top: 15px;
}
#sidebar #support {
background: url(../Images/support-bg.jpg) no-repeat;
}
#sidebar #online {
background: url(../Images/online-bg.jpg) no-repeat;
}
#sidebar #online ul li {
margin: 10px 0px;
}
#sidebar #support ul {
margin-left: 10px;
}
#sidebar #support li#phone {
margin-top: 5px;
}
#sidebar #support li#phone a {
color: white;
}
#sidebar #support p.title, #sidebar #online p.title {
color: white;
padding: 10px 0px 0px 10px;
font-size: 1.2em;
font-weight: bold;
}
#main-content h1.title, h2.title {
color: #a8581e;
font-size: 1.4em;
font-weight: normal;
padding-bottom: 5px;
border-bottom: 1px solid #999999;
}
.product-category {
margin: 15px 0px 0px 0px;
}
.product-category li {
list-style: none;
width: 200px;
margin-right: 30px;
margin-bottom: 10px;
float: left;
}
.product-category li.last {
margin-right: 0px !important;
}
.product-category h2 {
font-weight: normal;
text-align: center;
}
.product-category h2 a{
color: #4F4E4E; 
/* color: #a8581e; */
font-weight: normal;
}
.product-category h2 a:hover{
font-weight: bold;
}
.product-category p {
text-align: center;
margin-bottom: 2px;
}
.product-category li img {
width: 200px;
}
/*-- footer --*/
#footer {
margin-top: 10px;
height:  164px;
background: url(../Images/footer-bg.jpg) repeat-x;
}
#bottom-menu ul {
text-align: center;
height: 50px;
}
#bottom-menu ul li {
display: inline;
margin-left: 35px;
line-height: 50px;
}
#bottom-menu ul li a {
color: #c0c2b6;
font-size: 1.3em;
}
#footer #div-copyright {
background: url(../Images/copyright-bg.jpg) no-repeat center top;
padding-top: 15px;
}
/*-- product-category --*/
#product-category, #product-details ,#news-category{
margin-top: 15px;
}
#text-info {
height: 240px;
}
#text-info img {
float: left;
width: 380px;
height: 240px;
border: 1px solid #ba7c4d;
}
#text-info h2 {
line-height: 1.8em;
float: right;
font-weight: normal;
width: 270px;
text-align: justify;
}
#page{
margin-top: 10px;
}
#page ul li{
list-style: none;
float: left;
margin-right: 10px;
}
#page li a {
display: block;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
color: white;
background: #a8581e;
}
#page li span,
#page li a:hover{
display: block;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
color: white;
background: #323232;
}
#price {
margin: 10px 0px;
}
#price span {
color: #b36125;
}
ul.gallery li {
float: left;
list-style: none;
margin-right: 12px;
}
ul.gallery li img {
width: 120px;
height: 85px;
}
#product-more {
margin-top: 50px;
}
#product-more p.title {
height: 21px;
line-height: 21px;
background: url(../Images/sanpham-bg.png) no-repeat top left;
color: #dedad7;
border-bottom: 1px solid #313132;
padding-left: 5px;
}
#product-more ul {
margin-top: 10px;
}
#product-more ul li {
float: left;
list-style: none;
width: 140px;
margin-right: 30px;
}
#product-more ul li.last {
margin-right: 0px;
}
#product-more ul li img {
width: 140px;
height: 105px;
}
#product-more li h2 {
text-align: center;
}
#product-more li h2 a {
font-weight: normal;
color: #4F4E4e;
text-align: center;
}
#product-more li p {
text-align: center;
}
#product-more li p b {
color: #b36125;
}
/*-- news-category --*/
.news-category li {
height: 160px;
list-style: none;
margin-bottom: 10px;
border-bottom: 1px dotted #c3c1c1;
}
.news-category li img {
margin-right: 12px;
}